/*内容区域*/
.content{
	width: 1170px;
	margin: 0 auto;
}
/*内容区域的头部*/
.content-header{
	width: 924px;
	height: 478px;
	/*border: 1px solid blue;*/
	margin-left: 246px;
	margin-bottom: 30px;
}

.content-header-main{
	width: 689px;
	height: 478px;
	margin: 0 18px 0 18px;
	/*border: 1px solid red;*/
	float: left;
	border-bottom: 1px solid #eee;/*推荐下面的线条*/
}

/*条件过滤*/
.condition-filter{
	font-size: 12px;
}
.condition-filter dl{
	height: 53px;
	line-height: 53px;
	border-bottom: 1px solid #eee;
}
/*清除浮动*/
.condition-filter dl:after{
	content: '';
	display: block;
	clear:both ;
}
.condition-filter dt,.condition-filter dd{
	float: left;
}
/*过滤标题*/
.condition-filter dt{
	color: #999;
	margin-right: 20px;
}
.condition-filter dd{
	margin-right: 23px;
}

.condition-filter dt i{
	color: #f1463b;
	font-size: 16px;
	margin-right: 5px;
}

/*更多地区单独处理*/
.condition-filter .more-area{
	float: right;
	display: block;
	width: 44px;
	height: 22px;
	border: 1px solid #eee;
	margin-top: 15px;
	
	padding: 0 12px 0 5px;
	
	position: relative;
}
/*更多后面的下拉箭头*/
.condition-filter .more-area .down-arrow{
	position: absolute;
	right:3px;
	top: 9px;
	border-top-color: #666;
}
/*悬浮变色*/
.condition-filter a:hover{
	color: #2bb8aa;
}


.recommend-slide-item{
	display: flex;
}
.recommend-slide-item>div{
	flex: 1;
	/*border: 1px solid red;*/
	position: relative;/*给打折标签定位用*/
}

.recommend-slide-item .left{
	padding-top: 10px;
	padding-right: 11px;
	border-right: 1px solid #eee;
}

.recommend-slide-item .right{
	padding-top: 10px;
	padding-left: 11px;
}
/*图片变成块元素，防止“幽灵间隙”*/
.recommend-slide-item img{
	display: block;
	width: 333px;
    height: 232px;
    margin-bottom: 20px;
}

/*描述*/
.recommend-slide-item .title{
	float: left;
	width: 225px;
	border-right: 1px dashed #eee;
	margin-bottom: 12px;
}
.recommend-slide-item .title a{
	display: block;
	font-size: 14px;
    font-weight: 700;
    color: #666;
}
.recommend-slide-item .title p{
	font-size: 12px;
	color: #999;
	margin-top: 4px;
	
	/*字超过一行时要截取*/
	width: 214px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*价格*/
.recommend-slide-item .price{
	float: right;
	font-size: 30px;
	font-weight: bold;
    color: #f76120;
}
/*打折标签*/
.recommend-slide-item .discount{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 61px;
	height: 50px;
	background: url(../img/content-bg.png) no-repeat 0 -830px;
	font-size: 18px;
	padding: 13px 22px 0 12px;
    color: #fff;
    font-weight: bold;
}
.recommend-slide-item .left .discount{
	right:20px;
}


.content-header-right{
	float: left;
	width: 199px;
}

/*二维码*/
.content-header-right .qrcode-image{
	border: 1px solid #eee;
	border-top: none;
}
.content-header-right .qrcode-image img{
	width: 197px;
    height: 158px;

}

/*每日上新*/
.daily-new{
	text-align: center;
	border: 1px solid #eee;
	border-top: none;
}
.daily-title{
	font-size: 24px;
}
.daily-desc{
	color: #999;
    font-size: 14px;
}

.daily-new img{
	width: 100%;
	display: block;
}
/*分类头部*/
.category-item{
	margin-bottom: 40px;
}
.category-item-head{
	margin-bottom: 12px;
}
.category-item-head .title{
	/*float: left;*/
	height:29px;
    line-height: 29px;
    font-size: 20px;
}
.category-item-head .title img{
	width: 20px;
	height: 20px;
}
.category-item-head .title i{
	display: inline-block;
	width: 38px;
	height: 29px;
	line-height: 29px;
	color: #FFF;
	background-image: url(../img/content-bg2.png);
    background-repeat: no-repeat;
    text-align: center;
}
.category-item-nav{
	float: right;
	line-height: 29px;
}
.category-item-nav li{
	float: left;
}
.category-item-nav li a{
	font-size: 14px;
	line-height: 14px;
	color: #666;
	padding: 0 9px;
	border-right: 1px solid #ddd;
}

.category-item-nav li a:hover{
	color: #2bb8aa;
}

.category-item-nav li:last-child a{
	border-right: none;
}

.category-item-detail{
	border: 1px solid #eee;
	border-right: none;
    /*border-bottom: none;*/
   	margin-bottom: -1px;/*如果不把底部边框设置为none，就需要让底边框为-1，来消除多出来的1px边框;缺点，当浏览器放大的时候，会有问题*/
    width: 292px;
    padding: 12px 15px 0;
    float: left;
    position: relative;/*帮助标记进行定位*/
}
/*每到4的倍数，就加上右边框*/
.category-item-detail:nth-of-type(4n){
	border-right: 1px solid #eee;
	width: 293px;/*微调*/
}

.category-item-detail:last-child{
	border-right: 1px solid #eee;
	width: 293px;/*微调*/
}


/*图片封面*/
.category-item-detail .cover img{
	width:260px;
	height:174px;
	display: block;
	margin-bottom: 12px;
}
.category-item-detail .mark{
	position: absolute;
	left: 15px;
	top: 8px;
	font-size: 0;
}
.category-item-detail .mark span{
	font-size: 12px;
	display: inline-block;
    width: 43px;
    height: 40px;
    background-image: url(../img/content-bg.png);
    background-repeat: no-repeat;
    margin-right: -3px;
}
/*多套餐*/
.mark-duotaocan{
	background-position: 0 -493px;
}
/*免预约*/
.mark-mianyuyue{
	background-position: 0 -451px;
}


/*标题区域*/
.category-item-detail .title{
	display: block;
}
.category-item-detail .title span:first-child{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-indent: -.5em;/*中文符号比一般英文字符更占用空间*/
}
.category-item-detail .title span:last-child{
	font-size: 14px;
	/*溢出省略号*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
.category-item-detail .title span{
	display: block;
	height: 24px;
    line-height: 24px;
}

.category-item-detail .title:hover span{
	color: #333;
}

/*价格区域*/
.category-item-detail .detail{
	margin-bottom: 10px;
}

/*价格*/
.category-item-detail .price{
	font-size: 20px;
	color: #f76120;
}
/*门店*/
.category-item-detail .value,.category-item-detail .sales{
	font-size: 12px;
	color: #999;
}
/*已销售*/
.category-item-detail .sales{
	float: right;
	margin-top: 8px;
}

/*评价*/
.category-item-detail .comment{
	border-top: 1px dotted #ddd;
	height: 46px;
}
.category-item-detail .comment a{
	float: right;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
}

/*未评论灰色星星状态*/
.comment-star {
	display: inline-block;
    width: 60px;
    height: 12px;
    line-height: 12px;
    background-image: url();
	background-repeat: repeat-x;
}
/*评论后星星*/
.comment-rate{
	display: inline-block;
    width: 86%;
    height: 12px;
    line-height: 12px;
	background-image: url();
	background-repeat: repeat-x;
}


/*底部*/
.category-item-foot a{
	display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    background: #f6f6f6;
    color: #666;
}
.category-item-foot a:hover{
	color: #2bb8aa;
}

/*固定定位导航*/
.fixed-nav{
	position: fixed;
	left: 5px;
	top:50%;
	
	border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 43px;
    font-size: 12px;
    
    background: #FFF;/*防止背景透明*/
}

.fixed-nav a{
	display: block;
    border: 1px solid #eee;
    /*消除重叠的边框*/
    margin-top: -1px;
    margin-bottom: -1px;
    
    padding: 11px 8px 8px;
    min-height: 14px;
    height: auto!important;
    height: 14px;
    text-align: center;
    font-size: 12px;
    color: #999;
}
.fixed-nav a:hover{
	background: #826be1;
	color: #FFF;
}
.fixed-nav a i{
	display: block;
    font-size: 20px;
}


@media only screen and (max-width: 1325px) {
	.fixed-nav{
		display: none;
	}
}


